<template>
  <div>
      <h2>学校名：{{name}}</h2>
    <h2>学校地址：{{address}}</h2>
    <h2 class="demo">我收到的名字是：{{username}}</h2>
  </div>
</template>

<script>
export default {
    name:'School',//组件的名字，无论引入该组件时起的名字是啥，开发者工具中该组件都显示这个名字
    data(){
        return{
            name:'iwat',
            address:'下河疃'
        }
    },
    //声明接收props
    props:{
      username:{
        type: String,
        required:true,
        default:'iwat'
      }
    },
    methods:{
      test(){
        console.log('test');
      }
    }
}
</script>

<style scoped>
  /* 避免样式覆盖 scoped */
  .demo{
    background-color: bisque;
  }
</style>